<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../font_2191682_m6maym37tjk/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <!-- <link rel="stylesheet" type="text/css" href="../css/footer.css"/> -->
</head>

<body>
    <header>
        <div class="nav-first">
            <ul class="lheader">
                <li style="cursor: pointer;">
                    <span>中国</span>
                    <span class="iconfont icon-dim-xiajiantou-small" style="color: gray;"></span>
                </li>
                <li style="cursor: pointer;">
                    <span>中文</span>
                    <span class="iconfont icon-dim-xiajiantou-small" style="color: gray;"></span>
                </li>
                <li style="cursor: pointer;" class="denglu">
                    <img src="../img/banner-login.webp" alt="" style="width: 36px;" height="12px">
                </li>
                <li style="cursor: pointer;">
                    <span>搜索</span>
                    <span class="iconfont icon-sousuo" style="color: gray;"></span>
                </li>
                <li style="cursor: pointer;" class="buy">
                    <span>在线购买</span>

                </li>
                <li style="cursor: pointer;" class="cart">
                    <span class="iconfont icon-gouwudai" style="color: gray;"></span>
                    <span>(0)</span>
                </li>
            </ul>
        </div>
        <div id="icon">
            <span class="iconfont icon-JLCLogomm_White"></span>
        </div>
        <div id="nav-sencod">
            <ul class="first">
                <li class="menu1" id="yiji">
                    <button class="first-li1">腕表</button>

                </li>
                <li id="yiji"><button class="nav1">表带</button></li>
                <li id="yiji"><button class="first-li2">我们的品牌</button></li>
                <li id="yiji"><button class="first-li3">客户服务</button></li>
                <li id="yiji"><button>专卖店</button></li>
            </ul>
            <div id="erji">
                <div id="menu2">
                    <div id="menu2-1">
                        <ul id="ul1">
                            <li><a href="">THE SOUND MAKER™</a></li>
                            <li><a href="">全新 MASTER CONTROL MEMOVOX 大师系列响闹腕表</a></li>
                            <li><a href="">积家全新MASTER CONTROL大师系列</a></li>
                            <li><a href="">我们所有的收藏</a></li>
                            <li><a href="">搜寻腕表</a></li>
                            <li><a href="">男士腕表</a></li>
                            <li><a href="">女士腕表</a></li>
                        </ul>
                        <div id="men2-right" class="">
                            <div id="men2-ul2">
                                <ul class="electronic_num">
                                    <li>
                                        <a href="" class="link">
                                            <div id="menu2-img">
                                                <img src="../img/Smenu-1.webp">
                                                <span class="menu2-bg1"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">REVERSO 翻转系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="menu2-img">
                                                <img src="../img/Smenu-2.webp">
                                                <span class="menu2-bg2"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">约会系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="menu2-img">
                                                <img src="../img/Smenu-3.webp">
                                                <span class="menu2-bg3"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">MASTER大师系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="menu2-img">
                                                <img src="../img/Smenu-4.webp">
                                                <span class="menu2-bg4"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">JAEGER-LECOULTRE 积家<br>北宸系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="">
                                                <img src="../img/S2menu-1-1.webp">
                                                <span class="menu2-bg5"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">JAEGER-LECOULTRE 积家<br>北宸系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="">
                                                <img src="../img/S2menu-1-1.webp">
                                                <span class="menu2-bg6"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">JAEGER-LECOULTRE 积家<br>北宸系列</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" class="link">
                                            <div id="">
                                                <img src="../img/S2menu-1-1.webp">
                                                <span class="menu2-bg6"></span>
                                            </div>
                                            <div id="menu2-txt">
                                                <span class="">系列</span><br>
                                                <span class="">JAEGER-LECOULTRE 积家<br>北宸系列</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="menu2-2">
                        <div class="menu-inner-2-a">
                            <h3>THE SOUND MAKER</h3>
                            <a href="">发现运动</a>
                            <a href="">全新 MASTER CONTROL MEMOVOX 大师系列响闹腕表</a>
                            <a href="">70 年传统</a>
                            <a href="">鸣响制表 150 年</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>品牌传承</h3>

                            <a href="">我们的历史</a>
                            <a href="">我们的大工坊</a>
                            <a href="">我们的 1,000 小时测试</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>编年史</h3>

                            <a href="">新闻与活动</a>
                            <a href="">JAEGER-LECOULTRE 积家与电影</a>
                            <a href="">积家高级制表大工坊</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>了解更多</h3>

                            <a href="">时事通讯</a>
                            <a href="">press lounge</a>
                            <a href="">事业</a>
                        </div>
                    </div>
                    <div id="menu2-3">
                        <div class="menu-inner-2-a">
                            <h3>呵护</h3>
                            <a href="">您的腕表</a>
                            <a href="">您的表带</a>
                            <a href="">您的 Atmos 空气钟</a>
                            <a href="wanbiao.html">常见问题</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>服务</h3>

                            <a href="">客户安心服务计划</a>
                            <a href="">维护</a>
                            <a href="">保修</a>
                            <a href="">联系我们</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>数字服务</h3>

                            <a href="">延长保修期</a>
                            <a href="">服务价格计算器</a>
                            <a href="">篆刻模板</a>
                            <a href="">线上产品目录</a>
                        </div>
                        <div class="menu-inner-2-a">
                            <h3>了解更多</h3>

                            <a href="">时事通讯</a>
                            <a href="">press lounge</a>
                            <a href="">事业</a>
                        </div>
                    </div>
    </header>
    <section>
        <div id="bannner">
            <div id="oImg">
                <!-- oLis -->
                <div id="picture">
                    <img src="../img/0.jpg" alt="">
                    <img src="../img/1.jpg" alt="">
                    <img src="../img/2.jpg" alt="">
                    <img src="../img/3.jpg" alt="">
                </div>
                <span id="btn-previous" class="iconfont icon-arrow-right"></span>
                <span id="btn-next" class="iconfont icon-jiantou"></span>
                <div id="banner-txt">
                    <h2>REVERSO ONE 翻转系列腕表</h2>
                    <a href="">探索</a>

                </div>
            </div>
        </div>
    </section>


    <div id="list">
        <div id="list-con">
            <ul>
                <li>
                    <a href="">
                        <div id="list-img">
                            <img src="../img/Smenu-1.webp">
                            <span class="list-span"></span>
                        </div>

                        <div id="list-txt">
                            <h3>
                                <span class="">REVERSO ONE 翻转系列腕表</span><br>
                                <span style="color: rgba(0,0,0,0.3);">精钢</span>
                            </h3>
                            <p>
                                <span class="">￥45,000</span><br>
                                <span style="color: rgba(0,0,0,0.3);">含增值税</span>
                            </p>
                        </div>

                        <button type="button">添加至购物袋</button>


                    </a>
                </li>
                <li>
                    <a href="">
                        <div id="list-img">
                            <img src="../img/content-4.webp">
                            <span class="list-span"></span>
                        </div>

                        <div id="list-txt">
                            <h3>
                                <span class="">REVERSO ONE 翻转系列腕表</span><br>
                                <span style="color: rgba(0,0,0,0.3);">精钢</span>
                            </h3>
                            <p>
                                <span class="">￥45,000</span><br>
                                <span style="color: rgba(0,0,0,0.3);">含增值税</span>
                            </p>
                        </div>
                        <button type="button">添加至购物袋</button>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div id="list-img">
                            <img src="../img/content-1.webp">
                            <span class="list-span"></span>
                        </div>

                        <div id="list-txt">
                            <h3>
                                <span class="">REVERSO ONE 翻转系列腕表</span><br>
                                <span style="color: rgba(0,0,0,0.3);">精钢</span>
                            </h3>
                            <p>
                                <span class="">￥45,000</span><br>
                                <span style="color: rgba(0,0,0,0.3);">含增值税</span>
                            </p>
                        </div>
                        <button type="button">添加至购物袋</button>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div id="list-img">
                            <img src="../img/content-1.webp">
                            <span class="list-span"></span>
                        </div>

                        <div id="list-txt">
                            <h3>
                                <span class="">REVERSO ONE 翻转系列腕表</span><br>
                                <span style="color: rgba(0,0,0,0.3);">精钢</span>
                            </h3>
                            <p>
                                <span class="">￥45,000</span><br>
                                <span style="color: rgba(0,0,0,0.3);">含增值税</span>
                            </p>
                        </div>
                        <button type="button">添加至购物袋</button>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="service">
        <div id="service-con">
            <h1>您的客户</h1>
            <div id="service-txt">
                <p>所有珍贵的东西都需要悉心呵护。了解 Jaeger-LeCoultre 积家在线服务。</p>
            </div>
            <div id="service-nav">
                <ul>
                    <li>
                        <img src="../img/server-1.webp">
                        <p>服务价格计算器</p>
                    </li>
                    <li>
                        <img src="../img/server-2.webp">
                        <p>篆刻模板</p>
                    </li>
                    <li>
                        <img src="../img/server-3.webp">
                        <p>表带搜索器</p>
                    </li>
                    <li>
                        <img src="../img/server-4.webp">
                        <p>积家客户安心服务计划</p>
                    </li>
                </ul>
            </div>
            <button type="button">请输入您的篆刻参考编号</button>
        </div>
    </div>

    <div id="bgimg">
        <div id="bgimg-img">
            <img src="../img/explor-1.webp">
        </div>
        <div id="bgimg-txt">
            <h2>ATELIER D'ANTOINE</h2>
            <a href="">探索发现</a>
        </div>
    </div>
    <footer></footer>

</body>

</html>
<script src="../js/js.js"></script>
<script src="../js/jQuery.js"></script>
<script src="../js/banner.js"></script>

<script>
    $("footer").load("footer.html")
	
	
	
	$(".denglu").click(function(){
		window.open("login.html");
	})
	
	$(".buy").click(function(){
		window.open("shop.html");
	})
	// $(".C")click(function(){
	// 	window.open("Cart.html");
	// })
	
	
	$(".cart").click(function(){
		window.open("Cart.html")
	})
</script>